<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>修改部门</title>
    <!-- 引入jquery   -->
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

    <!--  jquery页面处理脚本  -->

    <script>

        $(function () {
            // 从请求参数中获取值
            let search = location.search.substr(1);
            // 查看get请求参数
            console.log(search);
            var search_json={};

            var arr=search.split('&');
            var temp;
            for (var string of arr) {
               temp= string.split('=');
               console.log(temp);
               search_json[temp[0]]=temp[1];
            }
            // 查看json对象
            console.log(search_json);

            console.log(search_json.id);




            // 为表单中填充值
            $('#id').val(search_json.id);
            $('#name').val(search_json.name);
           $('#remark').val(search_json.remark);



            // 为修改按钮绑定事件
            $('#updateDept').on('click', function () {
                var value_id = $('#id').val();
                var value_name = $('#name').val();
                var value_remark = $('#remark').val();
                console.log(value_name);
                console.log(value_remark);

                var param = {
                    id: value_id,
                    name: value_name,
                    remark: value_remark
                };
                if (confirm("是否修改?")) {
                    $.ajax({
                        url: '/hrms/dept/update',
                        method: 'post',
                        dataType: 'json',
                        data: param,
                        success: function (data) {
                            console.log("测试修改部门功能！");
                            console.log(data);
                            if (data.status == 200) {
                                alert("操作结果："+data.message);
                                // 完成后关闭当前页面

                                // location.reload();
                                // 重定向到某个页面
                                // 方式一：location.replac()方法
                               location.replace('/hrms/page/dept');
                                close();

                               // location='hrms/page/dept';
                                // 关闭当前页面

                               // opener.location.reload()刷新父窗口对象（用于单开窗口）适用于父子窗口弹窗时
                               //  opener.location.reload();

                                // 刷新当前页面
                                // location.reload();

                            }

                        }

                    });
                }


            });

// 为取消按钮绑定事件
            $("#updateDept_cancle").on('click', function () {
                console.log("取消按钮事件");
                close();
            });

        });
    </script>
</head>
<body>
修改部门页面
<br>

<!-- 添加一条隔离线-->
<hr>
<!-- 使用ajax方式提交表单 -->
<div><span>使用ajax方式提交表单</span></div>
<form id="addDeptByAjax" name="dept">
    <div><label for="id">部门id：</label><input type="text" id="id" name="id"></div>
    <div><label for="name">部门名称：</label><input type="text" id="name" name="name"></div>
    <div><label for="remark">部门详细信息：</label><input type="text" id="remark" name="remark"></div>

    <div>
        <button type="button" id="updateDept">提交</button>
        <button type="button" id="updateDept_cancle">取消</button>
    </div>
</form>
</body>
</html>